<html>
	<head>
		<title>EXIF viewer settings</title>
		<link type="text/css" href="css/redmond/jquery-ui-1.8.6.custom.css" rel="stylesheet" />	
		<link type="text/css" href="chrome://resources/css/button.css" rel="stylesheet" />
		<link type="text/css" href="css/options.css" rel="stylesheet" />	
		<script src="js/jquery-1.7.1.min.js"></script>
		<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
		<script src="js/jquery.ajaxLoader.js"></script>
		<script src="js/options.js"></script>
	</head>
	<body >

	
	
	
	<div id="navbar-container">
		<center>
			<img src="camera_blue-128.png">
		</center>
		
		<ul id="navbar">
		  <li id="tabPpageMain" class="navbar-item navbar-item-selected" pagename="mainview-content" tabindex="0"><span><span>Basic options</span></li>
		  <li id="tabPageFilters" class="navbar-item" pagename="camera-content" tabindex="2" style=""><span><span>List of cameras</span></li>
		</ul>
		
		<div style="padding: 20px;">
				
				<input type="button" id="reportAnIssue" value="Report an issue"  style="width:150px;height:26px;margin:5px;" />

				<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YHWF9X2ETGJ4W" style="position: absolute; bottom: 150px; left: 22px;" ><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" /></a>
				<img src="http://s1.softpedia-static.com/base_img/softpedia_free_award_f.gif" style="position: absolute; bottom: 10px; left: 10px;">
		</div>
	</div>
	
	<div id="mainview-content" class="tabPage">
		<h1>Basic options</h1>
		
		<p>
			<input type="checkbox" id="overlayEnabled">Enable overlay on images with EXIF</input>
		</p>
		<div id="attributesContainer">
			<table id="attributes" cellspacing=0 cellpadding=0>
				<tbody>
				</tbody>
			</table>
		</div>
		<div id="buttonsContainer">
			<button id="saveOptions">Save Options</button>
		</div>
	</div>
	
	<div id="camera-content" class="tabPage" style="display: none;">
	
		<h1>List of cameras</h1>
		<div id="attributesContainer">
			<table id="cameras" cellspacing=0 cellpadding=0>
				<tbody>
				</tbody>
			</table>
		</div>
	</div>
	

	
	<div id="dialog" ></div>
	</body>
</html>